<template>
	<view class="returnDetail" @click.stop="returnDetail(param)">
		<view class="top" v-if = 'true'>
			<text class="time">{{param.add_time}}</text>
			<text class="status" v-if="param.status==1">返佣中</text>
			<text class="status" v-if="param.status==2">已返佣</text>
			<text class="status" v-if="param.status==3">扣返佣</text>
		</view>
		<text class="title">{{param.title}}</text></br>
		<view class="content">{{param.brief}}</view><view class="price-info">
		  <view class="price payment font-bold" v-if="param.status!=3">+{{param.rake_amount}}元</view>
		  <view class="price payment font-bold" v-if="param.status==3">{{param.rake_amount}}元</view>
		  <view class="shop" v-if="param.type==1">店铺</view>
		  <view class="shop" v-if="param.type==2">团队</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['param'],
		data() {
			return {
				
			}
		},
		onLoad() {
		},
		methods: {
	       returnDetail:function(data){//返佣详情
			   this.$emit('returnDetail',data)
		   }
		}
	}
</script>

<style scoped>
	*{
		margin: 0;
		padding: 0;
		list-style: none;
		box-sizing: border-box;
		font-size: 0.75rem;
	}
	.returnDetail{
		width: 92%;
		background-color:#fff ;
		margin: 1rem 4% 0;
		border-radius:8px;
		box-shadow: 0 0 5px 2px #eee;
		padding: 0.5rem 4%;
	}
	.payment{
		color:#FD6431;
	}
	.top{
		height: 2rem;
		line-height: 2rem;
	}
	.time{
		color: #aaa;
	}
	.status{
		float: right;
	}
	.content{
		width: 65%;
		display: inline-block;
		padding: 0.25rem 0 0.5rem;
		color: #4E5366;
		vertical-align: top;
		line-height: 1.2rem;
	}
	.title{
		width: 65%;
		font-weight: bold;
		color: #1D1E21;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.price-info{
		display: inline-block;
		width: 35%;
	}
	.price-info view{
		text-align: right;
		font-size: 0.95rem;
		line-height: 1.2rem;
	}
	.price-info .shop{
		color: #aaa;
		font-size: 0.8rem;
	}
	.font-bold{
		font-weight: bold;
	}
</style>
